/*
Name: Sliding Login Panel with mootools 1.4
Author: daiv mowbray
Author URI: http://superslider.daivmowbray.com/
Date: March 27, 2012
Version: 2

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: block;}


/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    z-index: 10000;
    text-align: left;
}
#toppanel div {
    float: left;
}
#loginpanel {
    display:none;
	background: #202020;
	height: auto;
	width: 300px;
    -moz-border-radius: 0 0 12px 0;
    -webkit-border-radius: 0 0 12px 0;
    border-radius: 0 0 12px 0;
}
#loginpanel h1 {}
#loginpanel h2{
	margin: 0;
}
#loginpanel p {
	margin: 0;
	padding: 0;
}
#loginpanel a {}
#loginpanel a:hover {}
#loginpanel a.lost-pwd {
	display: block;
	float: left;
}
#loginpanel ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
#loginpanel .content {
	padding: 15px;
}
#loginpanel .second {
    padding: 10px;
}
#loginpanel .first {}

#loginpanel .content label {
	padding-top: 8px;
	display: block;
}
#loginpanel .content input.field {}

#loginpanel .content input:focus.field {}

/* BUTTONS */
.bt_login, .bt_register {}

.bt_login:hover, .bt_register:hover {}

/* Panel Tab/button */
.logintab {	
	width: 38px;
	z-index: 999;
	overflow: visible;
	height: auto;
}
.logintab ul.login {
	padding:0px;
	position: relative;
	line-height: 20px;
	margin: 0;
  	color: white;
}
.login li {
	background: #202020;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 30px;
}
.login li.ss_right {
  	-moz-border-radius: 0 0 30px 0;
    -webkit-border-radius: 0 0 30px 0;
    border-radius: 0 0 30px 0;
    height: 20px;
}
.login li.ss_left {
    -moz-border-radius: 0 30px  0 0;
    -webkit-border-radius: 0 30px  0 0;
    border-radius: 0 30px  0 0;
    height: 20px;
}
.login .notext{
    margin-left: 6px;
    display:block;
    height: 20px;
    width: 20px;
    text-indent: -9000px;
}
#toppanel .open {
    background: transparent url(images/vert_button.png) no-repeat 0px 0px !important;
    background: transparent url(images/vert_button.gif) no-repeat 0px 0px;
}
#toppanel .open:hover {
	background-position: -20px 0;
}
#toppanel .close {
	background: transparent url(images/vert_button.png) no-repeat 0px -20px !important;
	background: transparent url(images/vert_button.gif) no-repeat 0px -20px;
}
#toppanel .close:hover {
	background-position: -20px -20px;
}
#toppanel .logout {
    background: transparent url(images/vert_button.png) no-repeat 0px -40px !important;
    background: transparent url(images/vert_button.gif) no-repeat 0px -40px;
}
#toppanel .logout:hover {
    background-position: -20px -40px;
}
.logintab a {}
.logintab a:hover {}

.logintab .sep {display:none;}
